<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title>和平精英</title>
    <link rel="stylesheet" href="css/index.css" />
  </head>

  <body>
    <header id="top">
      <div class="container">
        <div class="left">
          <a href="#" target="_blank" class="logo"><img src="images/logo.png" alt="" /></a>
          <span>
            <img src="images/img_01.jpg" alt="" />
            <a href="#" target="_blank"><img src="images/img_02.jpg" alt="" /></a>
          </span>
        </div>
        <div class="right">
          <h3 class="text1"><a href="#" target="_blank">成长守护平台</a></h3>
          <h3 class="text2">
            <span>腾讯游戏排行榜</span>
            <iframe src="https://game.gtimg.cn/images/js/title/title_game_rank.html?rd=0.5079157561030598" frameborder="0"></iframe>
          </h3>
        </div>
      </div>
    </header>

    <!-- nav -->
    <nav id="nav">
      <div class="nav1">
        <div class="title">
          <a href="#" target="_blank"><img src="images/logo2.png" alt="" /></a>
          <h1>和平精英<span>全球玩家的竞技冒险世界</span></h1>
        </div>
        <ul>
          <li><a href="#" target="_blank">官网首页</a></li>
          <li><a href="#" target="_blank">版本专区</a></li>
          <li><a href="#" target="_blank">游戏资料</a></li>
          <li><a href="#" target="_blank">赛事专区</a></li>
          <li><a href="#" target="_blank">安全中心</a></li>
          <li><a href="#" target="_blank">自助工具</a></li>
          <li><a href="#" target="_blank">社区论坛</a></li>
          <li><a href="#" target="_blank">下载游戏</a></li>
        </ul>
        <div class="login">
          <span></span>
          <p>特种兵，请<span>登录</span></p>
        </div>
      </div>
      <div class="nav2">
        <ul>
          <li>
            <ul>
              <li class="new"><a href="#" target="_blank">最新版本</a></li>
              <li class="new"><a href="#" target="_blank">最新赛季</a></li>
              <li><a href="#" target="_blank">版本中心</a></li>
              <li><a href="#" target="_blank">体验服</a></li>
              <li class="new"><a href="#" target="_blank">皮肤宝库</a></li>
              <li class="new"><a href="#" target="_blank">绿洲启元</a></li>
            </ul>
          </li>
          <li>
            <ul>
              <li><a href="#" target="_blank">新闻资讯</a></li>
              <li><a href="#" target="_blank">攻略中心</a></li>
              <li><a href="#" target="_blank">视频中心</a></li>
              <li class="hot"><a href="#" target="_blank">武器库</a></li>
              <li class="hot"><a href="#" target="_blank">大神灵敏度</a></li>
            </ul>
          </li>
          <li>
            <ul>
              <li><a href="#" target="_blank">赛事中心</a></li>
              <li><a href="#" target="_blank">PEN赛事</a></li>
              <li><a href="#" target="_blank">娱乐综艺</a></li>
              <li class="hot"><a href="#" target="_blank">大众赛</a></li>
              <li class="hot"><a href="#" target="_blank">巅峰赛</a></li>
              <li class="hot"><a href="#" target="_blank">授权赛</a></li>
            </ul>
          </li>
          <li>
            <ul>
              <li class="hot"><a href="#" target="_blank">安全反外挂站</a></li>
              <li><a href="#" target="_blank">视频巡查</a></li>
              <li><a href="#" target="_blank">成长守护平台</a></li>
              <li><a href="#" target="_blank">腾讯游戏防沉迷</a></li>
            </ul>
          </li>
          <li>
            <ul>
              <li><a href="#" target="_blank">CDK兑换</a></li>
              <li><a href="#" target="_blank">客服专区</a></li>
              <li class="hot"><a href="#" target="_blank">举报查询</a></li>
              <li><a href="#" target="_blank">作者入驻</a></li>
            </ul>
          </li>
          <li>
            <ul class="contact">
              <li>
                <a href="javascript:;">官方公众号</a>
                <span><img src="images/code1.png" alt="" /></span>
              </li>
              <li>
                <a href="javascript:;">微信用户社区</a>
                <span><img src="images/code2.png" alt="" /></span>
              </li>
              <li>
                <a href="javascript:;">QQ用户社区</a>
                <span><img src="images/code3.png" alt="" /></span>
              </li>
              <li>
                <a href="javascript:;">官方微博</a>
                <span><img src="images/code4.png" alt="" /></span>
              </li>
            </ul>
          </li>
        </ul>
      </div>
    </nav>

    <!-- 登录弹窗 -->
    <div id="loginBox" class="dialog">
      <div class="wrap">
        <h3>登录</h3>
        <div class="btn">
          <a href="#" target="_blank">QQ登录</a>
          <a href="#" target="_blank">微信登录</a>
        </div>
        <button class="close"></button>
      </div>
    </div>

    <!-- bg1、banner -->
    <div id="bg1"></div>
    <div id="banner">
      <div class="container">
        <button class="tip">适龄提示</button>
        <div class="top">
          <div class="down">
            <h3>扫码下载游戏</h3>
            <a href="#" target="_blank">苹果下载</a>
            <a href="#" target="_blank">安卓下载</a>
            <img src="images/downqrcode.jpg" alt="" />
          </div>
          <div class="carousel">
            <ul class="carouselInner">
              <li>
                <a href="#"><img src="images/pic_01.jpeg" alt="" /></a>
              </li>
              <li>
                <a href="#"><img src="images/pic_02.jpeg" alt="" /></a>
              </li>
            </ul>
            <div class="carouselIndicators"><span class="active"></span><span></span></div>
          </div>
          <div class="news">
            <ul class="tab">
              <li class="active">最新</li>
              <li>新闻</li>
              <li>公告</li>
              <li>活动</li>
              <li>赛事</li>
              <li class="more"><a href="#" target="_blank"></a></li>
            </ul>
            <ul class="tabContent active">
              <li><a href="#" target="_blank">光之精英，夏日派对，上快手投稿赢万元现金投稿赢万元现金</a></li>
              <li><span>[活动]</span><a href="#" target="_blank">光之精英，夏日派对，上快手投稿赢万元现金投</a><i>08-04</i></li>
              <li><span>[活动]</span><a href="#" target="_blank">光之精英，夏日派对，上快手投稿赢万元现金投</a><i>08-04</i></li>
              <li><span>[活动]</span><a href="#" target="_blank">光之精英，夏日派对，上快手投稿赢万元现金投</a><i>08-04</i></li>
              <li><span>[活动]</span><a href="#" target="_blank">光之精英，夏日派对，上快手投稿赢万元现金投</a><i>08-04</i></li>
              <li><span>[活动]</span><a href="#" target="_blank">光之精英，夏日派对，上快手投稿赢万元现金投</a><i>08-04</i></li>
            </ul>
            <ul class="tabContent"></ul>
            <ul class="tabContent"></ul>
            <ul class="tabContent"></ul>
            <ul class="tabContent"></ul>
          </div>
        </div>
        <div class="bottom">
          <a href="#" target="_blank"><img src="images/img_01.png" alt="" /></a>
          <a href="#" target="_blank"><img src="images/img_02.png" alt="" /></a>
          <a href="#" target="_blank"><img src="images/img_03.png" alt="" /></a>
          <a href="#" target="_blank"><img src="images/img_04.png" alt="" /></a>
        </div>
      </div>
    </div>

    <!-- 适龄弹窗 -->
    <div id="yearBox" class="dialog">
      <div class="wrap">
        <h3>适龄提示</h3>
        <div class="scroll">
          <div class="scrollContent">
            <h4>提示说明：</h4>
            <p>1、本游戏是一款玩法复杂的射击类游戏，适用于年满16周岁及以上的用户，建议未成年人在家长监护下使用游戏产品。</p>
            <p>2、本游戏背景为特种兵训练，画面风格写实、人物和场景丰富多样，有丰富的音效来烘托游戏氛围。游戏主要玩法为需要多人进行的团队竞技，玩法基于较复杂的思维判断和操作，对玩家的逻辑思维和团队协作能力有一定要求，鼓励玩家在训练中不断提升和挑战自我。游戏中有基于语音和文字的陌生人社交系统，但社交系统的管理遵循相关法律法规。</p>
            <p>
              3、本游戏中有用户实名认证系统，认证为未成年人的用户将接受以下管理： 游戏中部分玩法和道具需要付费。未满8周岁的用户不能付费；8周岁以上未满16周岁的未成年人用户，单次充值金额不得超过50元人民币，每月充值金额累计不得超过200元人民币；16周岁以上的未成年人用户，单次充值金额不得超过100元人民币，每月充值金额累计不得超过400元人民币。<br />
              未成年人用户每日22点到次日8点不得使用，法定节假日每天不得使用超过3小时，其他时间每天不得使用超过1.5小时。
            </p>
            <p>4、游戏在3D场景中的竞技和操作训练有助于锻炼玩家的手眼协调能力、空间感知能力和快速反应能力，基于团队的玩法可以提升玩家的沟通能力、团队协作能力和大局观，鼓励玩家互帮互助，维持良好的社群关系。</p>
          </div>
          <div class="scrollBar"><span></span></div>
        </div>
        <button class="close"></button>
      </div>
    </div>

    <!-- section2 -->
    <div id="section2" class="box">
      <div class="left">
        <!-- 精英爆料 -->
        <header class="publicHead">
          <h3>精英爆料</h3>
          <ul class="tab">
            <li class="active">新玩法/模式</li>
            <li>新武器/皮肤</li>
            <li>新地图</li>
            <li>新载具</li>
            <li class="more"><a href="#" target="_blank">前往资料站></a></li>
          </ul>
        </header>
        <div class="tabContent carousel active mode">
          <!-- 新玩法/模式的内容 -->

          <ul class="carouselInner">
            <!-- <li><img src="images/img_03.jpg" alt=""></li>
					<li><img src="images/img_04.jpg" alt=""></li> -->
          </ul>
          <div class="carouselIndicators"><span class="active"></span><span></span></div>
        </div>
        <div class="tabContent arms">
          <!-- 新武器/皮肤 -->
          <div class="text">
            <!-- 文本 -->
            <h4>M416</h4>
            <p class="name">
              <span>狙击枪</span>
              <span>口径：7.62mm</span>
            </p>
            <p class="intro">性能优异的单发栓动狙击枪。单发伤害高，能一击摧毁二级头，缺点是仅适合远距离使用，十分依赖高倍镜，对枪法依赖很高，尽量命中头部才能发挥威力。</p>
          </div>
          <ul class="parts">
            <!-- 枪的配件 -->
            <li>
              <img src="images/parts_01.png" alt="" />
              <p>8倍镜</p>
            </li>
            <li>
              <img src="images/parts_02.png" alt="" />
              <p>消音器</p>
            </li>
            <li>
              <img src="images/parts_03.png" alt="" />
              <p>子弹袋</p>
            </li>
          </ul>
          <div class="skin">
            <!-- 皮肤 -->
            <div class="btn">
              <span><img src="images/pifu.png" alt="" /></span>
              <p>皮肤</p>
            </div>
            <ul>
              <li>
                <img src="images/skin_01.png" alt="" />
                <span>梦幻火箭</span>
              </li>
              <li>
                <img src="images/skin_02.png" alt="" />
                <span>梦幻火箭</span>
              </li>
            </ul>
          </div>
          <div class="bigArms">
            <!-- 大图 -->
            <img src="images/arms_01_1.png" alt="" />
          </div>
          <div class="smallArms">
            <!-- 小图 -->
            <div class="btn prev disable"></div>
            <div class="move">
              <ul>
                <li class="active">
                  <span><img src="images/arms_01_1.png" alt="" /></span>
                  <p>Kar98K</p>
                </li>
                <li>
                  <span><img src="images/arms_02_1.png" alt="" /></span>
                  <p>Kar98K</p>
                </li>
                <li>
                  <span><img src="images/arms_03_1.png" alt="" /></span>
                  <p>Kar98K</p>
                </li>
                <li>
                  <span><img src="images/arms_01_1.png" alt="" /></span>
                  <p>Kar98K</p>
                </li>
                <li>
                  <span><img src="images/arms_02_1.png" alt="" /></span>
                  <p>Kar98K</p>
                </li>
                <li>
                  <span><img src="images/arms_03_1.png" alt="" /></span>
                  <p>Kar98K</p>
                </li>
                <li>
                  <span><img src="images/arms_01_1.png" alt="" /></span>
                  <p>Kar98K</p>
                </li>
                <li>
                  <span><img src="images/arms_02_1.png" alt="" /></span>
                  <p>Kar98K</p>
                </li>
              </ul>
            </div>
            <div class="btn next"></div>
          </div>
        </div>
        <div class="tabContent newMap">
          <!-- 新地图 -->
          <div>
            <img class="active" src="images/map_01.jpg" alt="" />
            <img src="images/map_02.jpg" alt="" />
            <img src="images/map_03.jpg" alt="" />
            <img src="images/map_04.jpg" alt="" />
          </div>
          <ul>
            <li class="active">
              <img src="images/map_01.jpg" alt="" />
              <p>超级工厂</p>
            </li>
            <li>
              <img src="images/map_02.jpg" alt="" />
              <p>超级工厂</p>
            </li>
            <li>
              <img src="images/map_03.jpg" alt="" />
              <p>超级工厂</p>
            </li>
            <li>
              <img src="images/map_04.jpg" alt="" />
              <p>超级工厂</p>
            </li>
          </ul>
        </div>
        <div class="tabContent vehicle">
          <ul>
            <li><img src="images/vehicle_01.jpg" alt="" /></li>
          </ul>
        </div>
      </div>

      <div class="right">
        <!-- 活动中心 -->
        <header class="publicHead">
          <h3>活动中心</h3>
          <ul class="tab">
            <li class="active">活动日历</li>
            <li>福利资讯</li>
          </ul>
        </header>
        <div class="tabContent active calendar">
          <h4 class="date">2021年 09月</h4>
          <ul class="week">
            <li>一</li>
            <li>二</li>
            <li>三</li>
            <li>四</li>
            <li>五</li>
            <li>六</li>
            <li>日</li>
          </ul>
          <div class="day">
            <div class="btn prev"></div>
            <ul>
              <li>10</li>
              <li class="activity">10</li>
              <li class="activity active">10</li>
              <li>10</li>
              <li>10</li>
              <li>10</li>
              <li>10</li>
            </ul>
            <div class="btn next"></div>
          </div>
          <div class="scroll">
            <div class="scrollContent">
              <div class="award">
                <h4>载梦远航</h4>
                <p>活动时间：<span>5月28日-6月22日</span></p>
                <p>活动奖励：</p>
                <ul>
                  <li>
                    <span><img src="images/award_01.png" alt="" /></span>
                    <span>飞行日记背包(1/2/3级)</span>
                  </li>
                  <li>
                    <span><img src="images/award_01.png" alt="" /></span>
                    <span>飞行日记背包(1/2/3级)</span>
                  </li>
                  <li>
                    <span><img src="images/award_01.png" alt="" /></span>
                    <span>飞行日记背包(1/2/3级)</span>
                  </li>
                </ul>
                <div class="zb"><span>重磅</span></div>
              </div>
              <div class="award">
                <h4>载梦远航</h4>
                <p>活动时间：<span>5月28日-6月22日</span></p>
                <p>活动奖励：</p>
                <ul>
                  <li>
                    <span><img src="images/award_01.png" alt="" /></span>
                    <span>飞行日记背包(1/2/3级)</span>
                  </li>
                  <li>
                    <span><img src="images/award_01.png" alt="" /></span>
                    <span>飞行日记背包(1/2/3级)</span>
                  </li>
                  <li>
                    <span><img src="images/award_01.png" alt="" /></span>
                    <span>飞行日记背包(1/2/3级)</span>
                  </li>
                </ul>
                <div class="zb"><span>重磅</span></div>
              </div>
            </div>
            <div class="scrollBar"><span></span></div>
          </div>
        </div>
        <div class="tabContent info">
          <!-- 福利资讯 -->
          <h4>活动福利一览</h4>
          <ul>
            <li><a href="#" target="_blank">变身！光之精英！上应用宝参与活动，赢精英专属壕礼</a><span>08-05</span></li>
            <li><a href="#" target="_blank">变身！光之精英！上应用宝参与活动，赢精英专属壕礼</a><span>08-05</span></li>
            <li><a href="#" target="_blank">变身！光之精英！上应用宝参与活动，赢精英专属壕礼</a><span>08-05</span></li>
            <li><a href="#" target="_blank">变身！光之精英！上应用宝参与活动，赢精英专属壕礼</a><span>08-05</span></li>
            <li><a href="#" target="_blank">变身！光之精英！上应用宝参与活动，赢精英专属壕礼</a><span>08-05</span></li>
            <li><a href="#" target="_blank">变身！光之精英！上应用宝参与活动，赢精英专属壕礼</a><span>08-05</span></li>
          </ul>
          <div class="btn"><button class="disable">上一页</button><button>下一页</button></div>
        </div>
      </div>
    </div>

    <!-- section3 -->
    <div id="section3" class="box">
      <div class="movie">
        <header class="publicHead">
          <h3>视频中心</h3>
          <ul class="tab">
            <li class="active">官方视频</li>
            <li>人气主播</li>
            <li>进阶教学</li>
            <li>赛事专栏</li>
            <li class="more"><a href="#" target="_blank"></a></li>
          </ul>
        </header>
        <ul class="tabContent active">
          <li>
            <a href="#" target="_blank"><img src="images/movie_01.jpg" alt="" /></a>
            <a href="#" target="_blank">【回放】2021和平精英超级杯总决赛 赛 第4日 海岛 第第4日 海岛 第6场</a>
          </li>
          <li>
            <a href="#" target="_blank"><img src="images/movie_01.jpg" alt="" /></a>
            <a href="#" target="_blank">【回放】2021和平精英超级杯总决赛 第4日 海岛 第6场</a>
          </li>
          <li>
            <a href="#" target="_blank"><img src="images/movie_01.jpg" alt="" /></a>
            <a href="#" target="_blank">【回放】2021和平精英超级杯总决赛 第4日 海岛 第6场</a>
          </li>
          <li>
            <a href="#" target="_blank"><img src="images/movie_01.jpg" alt="" /></a>
            <a href="#" target="_blank">【回放】2021和平精英超级杯总决赛 第4日 海岛 第6场</a>
          </li>
          <li>
            <a href="#" target="_blank"><img src="images/movie_01.jpg" alt="" /></a>
            <a href="#" target="_blank">【回放】2021和平精英超级杯总决赛 第4日 海岛 第6场</a>
          </li>
          <li>
            <a href="#" target="_blank"><img src="images/movie_01.jpg" alt="" /></a>
            <a href="#" target="_blank">【回放】2021和平精英超级杯总决赛 第4日 海岛 第6场</a>
          </li>
        </ul>
        <ul class="tabContent"></ul>
        <ul class="tabContent"></ul>
        <ul class="tabContent"></ul>
      </div>
      <div class="rank">
        <!-- 热门排行 -->
        <header>
          <h3>热门排行</h3>
          <ul>
            <li class="active">日</li>
            /
            <li>周</li>
            /
            <li>月</li>
          </ul>
        </header>
        <ol>
          <li class="first">
            <a href="#" target="_blank"><img src="images/rank_01.jpg" alt="" /></a>
            <div>
              <a href="#" target="_blank">你相信光吗！奥特曼勋章活动怎么玩~看我就知道</a>
              <p><span>诺言游戏解说</span><span>3.3万</span></p>
            </div>
          </li>
          <li>
            <span><a href="#" target="_blank">和平精英空投节宣传片今日正式上和平精英空投节宣传片今日正式上线线</a></span
            ><i>3.3万</i>
          </li>
          <li>
            <span><a href="#" target="_blank">和平精英空投节宣传片今日正式上线</a></span
            ><i>3.3万</i>
          </li>
          <li>
            <span><a href="#" target="_blank">和平精英空投节宣传片今日正式上线</a></span
            ><i>3.3万</i>
          </li>
          <li>
            <span><a href="#" target="_blank">和平精英空投节宣传片今日正式上线</a></span
            ><i>3.3万</i>
          </li>
          <li>
            <span><a href="#" target="_blank">和平精英空投节宣传片今日正式上线</a></span
            ><i>3.3万</i>
          </li>
        </ol>
        <button>查看更多</button>
      </div>
    </div>

    <!-- section4 -->
    <div id="section4" class="box">
      <div class="left">
        <!-- 攻略中心 -->
        <header class="publicHead">
          <h3>攻略中心</h3>
          <ul class="tab">
            <li class="active">最新攻略</li>
            <li>攻楼技巧</li>
            <li>游戏设置</li>
            <li class="more"><a href="#" target="_blank"></a></li>
          </ul>
        </header>
        <ul class="tabContent active">
          <li>
            <a href="#" target="_blank"><img src="images/movie_01.jpg" alt="" /></a>
            <a href="#" target="_blank">新版本实用技巧|如何成功快速准确的版本实用技巧|如攻楼</a>
            <p>
              <span>阅读量 5988</span>
              <span>01-31</span>
            </p>
          </li>
          <li>
            <a href="#" target="_blank"><img src="images/movie_01.jpg" alt="" /></a>
            <a href="#" target="_blank">新版本实用技巧|如何成功快速准确的攻楼</a>
            <p>
              <span>阅读量 5988</span>
              <span>01-31</span>
            </p>
          </li>
          <li>
            <a href="#" target="_blank"><img src="images/movie_01.jpg" alt="" /></a>
            <a href="#" target="_blank">新版本实用技巧|如何成功快速准确的攻楼</a>
            <p>
              <span>阅读量 5988</span>
              <span>01-31</span>
            </p>
          </li>
          <li>
            <a href="#" target="_blank"><img src="images/movie_01.jpg" alt="" /></a>
            <a href="#" target="_blank">新版本实用技巧|如何成功快速准确的攻楼</a>
            <p>
              <span>阅读量 5988</span>
              <span>01-31</span>
            </p>
          </li>
        </ul>
        <ul class="tabContent"></ul>
        <ul class="tabContent"></ul>
      </div>

      <div class="right">
        <!-- 精品栏目 -->
        <header class="publicHead">
          <h3>精品栏目</h3>
          <ul class="tab">
            <li class="active">官方漫画</li>
            <li>燃烧吧大局观</li>
            <li>盒子有话说</li>
            <li>快来扶我</li>
            <li class="more"><a href="#" target="_blank"></a></li>
          </ul>
        </header>
        <ul class="tabContent active">
          <li>
            <a href="#" target="_blank"><img src="images/movie_01.jpg" alt="" /></a>
            <a href="#" target="_blank">新版本实用技巧|如何成功快速准确的版本实用技巧|如攻楼</a>
            <p>
              <span>阅读量 5988</span>
              <span>01-31</span>
            </p>
          </li>
          <li>
            <a href="#" target="_blank"><img src="images/movie_01.jpg" alt="" /></a>
            <a href="#" target="_blank">新版本实用技巧|如何成功快速准确的攻楼</a>
            <p>
              <span>阅读量 5988</span>
              <span>01-31</span>
            </p>
          </li>
          <li>
            <a href="#" target="_blank"><img src="images/movie_01.jpg" alt="" /></a>
            <a href="#" target="_blank">新版本实用技巧|如何成功快速准确的攻楼</a>
            <p>
              <span>阅读量 5988</span>
              <span>01-31</span>
            </p>
          </li>
          <li>
            <a href="#" target="_blank"><img src="images/movie_01.jpg" alt="" /></a>
            <a href="#" target="_blank">新版本实用技巧|如何成功快速准确的攻楼</a>
            <p>
              <span>阅读量 5988</span>
              <span>01-31</span>
            </p>
          </li>
          <li>
            <a href="#" target="_blank"><img src="images/movie_01.jpg" alt="" /></a>
            <a href="#" target="_blank">新版本实用技巧|如何成功快速准确的攻楼</a>
            <p>
              <span>阅读量 5988</span>
              <span>01-31</span>
            </p>
          </li>
          <li>
            <a href="#" target="_blank"><img src="images/movie_01.jpg" alt="" /></a>
            <a href="#" target="_blank">新版本实用技巧|如何成功快速准确的攻楼</a>
            <p>
              <span>阅读量 5988</span>
              <span>01-31</span>
            </p>
          </li>
        </ul>
        <ul class="tabContent"></ul>
        <ul class="tabContent"></ul>
        <ul class="tabContent"></ul>
      </div>
    </div>

    <!-- section5 -->
    <div id="section5">
      <div class="box">
        <header class="publicHead">
          <h3>和平人气主播</h3>
          <ul>
            <li class="more"><a href="#" target="_blank"></a></li>
          </ul>
        </header>
        <ul class="photo">
          <li>
            <a href="#" target="_blank"><img src="images/photo_01.jpg" alt="" />不求人</a>
          </li>
          <li>
            <a href="#" target="_blank"><img src="images/photo_01.jpg" alt="" />不求人</a>
          </li>
          <li>
            <a href="#" target="_blank"><img src="images/photo_01.jpg" alt="" />不求人</a>
          </li>
          <li>
            <a href="#" target="_blank"><img src="images/photo_01.jpg" alt="" />不求人</a>
          </li>
          <li>
            <a href="#" target="_blank"><img src="images/photo_01.jpg" alt="" />不求人</a>
          </li>
          <li>
            <a href="#" target="_blank"><img src="images/photo_01.jpg" alt="" />不求人</a>
          </li>
        </ul>
        <ul class="photo">
          <li>
            <a href="#" target="_blank"><img src="images/photo_01.jpg" alt="" />不求人</a>
          </li>
          <li>
            <a href="#" target="_blank"><img src="images/photo_01.jpg" alt="" />不求人</a>
          </li>
          <li>
            <a href="#" target="_blank"><img src="images/photo_01.jpg" alt="" />不求人</a>
          </li>
          <li>
            <a href="#" target="_blank"><img src="images/photo_01.jpg" alt="" />不求人</a>
          </li>
          <li>
            <a href="#" target="_blank"><img src="images/photo_01.jpg" alt="" />不求人</a>
          </li>
          <li>
            <a href="#" target="_blank"><img src="images/photo_01.jpg" alt="" />不求人</a>
          </li>
        </ul>
      </div>
    </div>

    <!-- section6 -->
    <div id="section6" class="box">
      <h3>游戏特色</h3>
      <div class="carousel">
        <div class="btn prev"></div>
        <ul class="carouselInner">
          <li><img src="images/item_01.jpg" alt="" /></li>
          <li><img src="images/item_02.jpg" alt="" /></li>
          <li><img src="images/item_03.jpg" alt="" /></li>
          <li><img src="images/item_04.jpg" alt="" /></li>
          <li><img src="images/item_05.jpg" alt="" /></li>
          <li><img src="images/item_06.jpg" alt="" /></li>
        </ul>
        <div class="btn next"></div>
      </div>
    </div>

    <!-- footer1 -->
    <div id="footer1">
      <ul>
        <li>
          <span class="iconfont">&#xe692;</span>
          <p>官方公众号</p>
          <div>
            <img src="images/footerCode_01.png" alt="" />
          </div>
        </li>
        <li>
          <span class="iconfont">&#xe684;</span>
          <p>官方微博</p>
          <div>
            <img src="images/footerCode_02.png" alt="" />
          </div>
        </li>
        <li>
          <span class="iconfont">&#xe692;</span>
          <p>微信用户社区</p>
          <div>
            <img src="images/footerCode_03.png" alt="" />
          </div>
        </li>
      </ul>
      <ul>
        <li>
          <span class="iconfont">&#xe614;</span>
          <p>虎牙<br />和平精英专区</p>
          <div>
            <img src="images/footerCode_04.png" alt="" />
          </div>
        </li>
        <li>
          <span class="iconfont">&#xe613;</span>
          <p>斗鱼<br />和平精英专区</p>
          <div>
            <img src="images/footerCode_05.png" alt="" />
          </div>
        </li>
        <li>
          <span class="iconfont">&#xe61b;</span>
          <p>快手<br />和平精英专区</p>
          <div>
            <img src="images/footerCode_06.png" alt="" />
          </div>
        </li>
        <li>
          <span class="iconfont">&#xe601;</span>
          <p>bilibili<br />和平精英专区</p>
          <div>
            <img src="images/footerCode_07.png" alt="" />
          </div>
        </li>
        <li>
          <span class="iconfont">&#xe79e;</span>
          <p>腾讯微视<br />和平精英专区</p>
          <div>
            <img src="images/footerCode_08.png" alt="" />
          </div>
        </li>
        <li>
          <span class="iconfont">&#xe604;</span>
          <p>企鹅电竞<br />和平精英专区</p>
          <div>
            <img src="images/footerCode_09.png" alt="" />
          </div>
        </li>
      </ul>
    </div>

    <!-- footer2 -->
    <div id="footer2">
      <div class="container">
        <div class="left">
          <div class="logo">
            <a href="#" target="_blank"><img src="images/foot-dark.png" alt="" /></a>
            <a href="#" target="_blank"><img src="images/foot-logo3.png" alt="" /></a>
          </div>
          <ul>
            <li>抵制不良游戏</li>
            <li>拒绝盗版游戏</li>
            <li>注意自我保护</li>
            <li>谨防受骗上当</li>
            <li>适度游戏益脑</li>
            <li>沉迷游戏伤身</li>
            <li>合理安排时间</li>
            <li>享受健康生活</li>
          </ul>
        </div>
        <div class="right">
          <p><a href="#" target="_blank">腾讯互动娱乐</a> | <a href="#" target="_blank">服务条款</a> | <a href="#" target="_blank">隐私保护指引</a> | <a href="#" target="_blank">儿童隐私保护指引</a> | <a href="#" target="_blank">腾讯游戏招聘</a> | <a href="#" target="_blank">腾讯游戏客服</a> | <a href="#" target="_blank">游戏列表</a> | <a href="#" target="_blank">广告服务及商务合作</a></p>
          <p><a href="#" target="_blank">腾讯公司版权所有</a></p>
          <p>COPYRIGHT © 1998 - 2020 TENCENT. ALL RIGHTS RESERVED.</p>
          <p>
            <a href="#" target="_blank">
              <img src="images/gswj.png" width="15" height="15" />
              <span>工商网监电子标识</span>
            </a>
            | <a href="#" target="_blank">粤网文[2017]6138-1456号</a> | <a href="#" target="_blank">（总）网出证（粤）字第057号</a>
          </p>
          <p>国新出审[2019]1394号 | ISBN 978-7-498-06474-5 | 全国文化市场统一举报电话：12318</p>
        </div>
      </div>
    </div>

    <!-- 侧边导航 -->
    <div id="sideNav">
      <span class="toggleBtn"></span>
      <img src="images/downqrcode.jpg" class="downCode" alt="" />
      <div class="codeWrap gzh">
        <span>官方公众号</span>
        <div>
          <img src="images/code1.png" alt="" />
        </div>
      </div>
      <div class="codeWrap hpyd">
        <span>和平营地</span>
        <div>
          <img src="images/code5.png" alt="" />
        </div>
      </div>
      <div class="codeWrap wb">
        <span>微博</span>
        <div></div>
      </div>
    </div>

    <script src="https://ossweb-img.qq.com/images/clientpop/idata_ad/idata_ad_16476.js"></script>
    <script src="https://ossweb-img.qq.com/images/clientpop/idata_ad/idata_ad_16535.js"></script>
    <script src="js/fillnewsgicp-1.4.min.js"></script>
    <script src="js/base.js"></script>
    <script src="js/jquery-3.4.1.min.js"></script>
    <script src="js/index.js"></script>
  </body>
</html>
